<script setup lang="ts">
defineProps({
	iconSize: {
		type: Number,
		default: 22
	},
	content: String
});
</script>

<template>
	<el-tooltip class="box-item" effect="dark" :content="content" placement="bottom">
		<div
			class="h-[32px] w-[32px] cursor-pointer bg-button-bg flex justify-center items-center hover:text-[#CCCCDC] hover:bg-[#22252B] rounded mr-2"
		>
			<el-icon :size="iconSize">
				<slot class="text-white" />
			</el-icon>
		</div>
	</el-tooltip>
</template>

<style scoped lang="scss"></style>
